<label class="col-sm-2 control-label">{{'CONFIG.WIDGET.ROW'|translate}}
  <i class="fa fa-question-circle" title="{{helpMessage.row}}" *ngIf="helpMessage.row != undefined"></i>
</label>
<div class="col-sm-10">
    <div pDroppable='[keys,dropdimension]' class="form-control" style="min-height: 35px;height: auto;padding: 0px;cursor: move;margin: 3px 3px;" (onDrop)='keydroped($event);draggedEl=false' class="btn-group form-control clearpadding" (onDragEnter)='draggedEl=true' [ngClass]='{"highlight":draggedEl}'>
       <div class="btn-group" style="cursor: move;margin: 3px 3px;" *ngFor="let o of dimensionGroup;trackBy:myTrackBy; let i=index;">
            <button type="button" class="btn btn-default btn-sm" style="cursor: move;" (click)="dimensionGroup.splice(i,1);emitColumn(o)">
                {{o.level?'['+o.level+'].':''}}{{o.alias?o.alias:o.column}}
            </button>
            <button type="button" class="btn btn-default btn-sm dropdown-toggle">
                <span class="fa"></span>
            </button>
            <button type="button" class="btn btn-default btn-sm dropdown-toggle">
                <span class="fa"></span>
            </button>
            <button type="button" class="btn btn-default btn-sm dropdown-toggle">
                <span class="fa fa-filter"></span>
            </button>
        </div>
    </div>
</div>